<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>在线做题</title>
		<style type="text/css" media="screen">
			*{
				margin: 0;
				padding: 0;
				
			}
			body
        	{
            	margin: 0 auto;
            	padding-top: 20px;
            	width: 100%;
            	height: 980px;
            	/*background: -o-linear-gradient(linear,0 0,0 bottom,from(#C7EDCC),to(#F0F0F0));
            	background: -webkit-gradient(linear,0 0,0 bottom,from(#C7EDCC),to(#F0F0F0));*/
        	}
			.background{
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				color: blue;
				font-size: 30px;
				text-align: center;
			}
			
			
			#container{
				width: 80%;
				height: 70px;
			}
			#menu{
				width: 100%;
				height: 36px;
				background-color:#2AABE6;
			}
			#content{
				width: 80%;
				height: 600px;
				margin-left: 10%;
				background-color: blueviolet;
			}
			#img{width: 100%;height: 400px;}
			#logo{
				width: 250px;
				/*background-color: red;*/
				padding-left: 124px;
				float: left;
				clear: left;
				/*overflow: hidden;*/
				}
			#login a{
				color: grey;
				padding-top: 45px;
				text-decoration: none;
				/*padding-right: 220px;*/
				margin-right: -130px;	
				float: right;
				font-size: 15px;
			}
			#login img{
				padding-top: 25px;float: right;margin-right: -100px;	
			}
			#footer{				
				width: 100%;
				height: 60px;
				clear: both;
				padding-top: 20px;
				background-color: #0593D3;
			}
			#footer span{
				color: white;
				font-size: 15px;
				text-align: center;
			}
			
			
			.menu{list-style: none;}
			.menu li{float: left;}
			.menu li a{
				padding-top: 10px;
				color: white;
				font-size: 15px;
				text-decoration: none;
				display: block;
				width: 120px;
				height: 25px;
				text-align: center;
				}
			.menu li a.on,.menu li a:hover{text-align: center; color: white;background-color:#1998D5;margin-left: 10px;}
			
			
			
			h2{
				font-family: "century gothic";
				color: ghostwhite;
				}
			textarea{
				resize: both;
				background-color: darkgray;
			}
		</style>		
	</head>
	<body>
		<div class="background">
			<div id="container">
				<div id="logo"><img src="img/logo.png"></div>
				<div id="login">
					<img src="img/登录.png" />
					<a href="#">Login</a>
				</div>
			</div> 
			<div id="menu">
				<ul class="menu">
					<li><a class="on" href="#" style="margin-left: 150px;">首页</a></li>
					<li></li>
					<li><a href="#">问题</a></li>
					<li><a href="#">状态</a></li>
					<li><a href="#">比赛</a></li>
					<li><a href="#">讨论</a></li>
				</ul>
			</div>
			<div id="img">
				<img  src="img/图片1.png" style="width: 100%;height: 100%;"/>
			</div>
			<div id="content">
				
			</div>
			<div id="footer" >
				<hr style="background-color: #007CB4;width: 90%;" />
				<!--<a>河南大学 版权所有</a>|
				<a>地址：中国 河南 开封.明伦街/金明大道</a>|  
				<a href="http://jwc.henu.edu.cn/default.asp" target="_blank">河大教务处</a> 
				<br />  -->
				<span class="rights">Copyright ©NO.6program All Rights Reserved.</span>
				<!--<span>电话：0371-22197778</span> <span>E-mail：jwc9@henu.edu.cn</span>
				<br />
				<a target="_blank" style="background:url(img/班徽.png) no-repeat;background-size: 11px;background-position-y:2px;padding-left: 19px;">网三·六组工作室 制作维护</a> -->
			</div>
		</div>
	</body>
</html>
